<template>
    <div>
        <!-- 轮播图 -->
        <van-swipe :autoplay="3000" class="swiper" indicator-color="grey">
            <van-swipe-item v-for="(image, index) in images" :key="index" height="185px">
                <img v-lazy="image" class="img" />
            </van-swipe-item>
        </van-swipe>
        <!--  -->
        <img src="https://yanxuan.nosdn.127.net/static-union/1660899355bfa3cb.png?imageView" style="width:375px;height:150px">
    </div>
</template>

<script>
import Vue from 'vue';
// 引入组件
import { Swipe, SwipeItem ,Lazyload } from 'vant';
// 使用组件
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Lazyload);
export default {
    name: 'New',
    data() {
    return {
        // 图片路径
      images: [
        'https://yanxuan.nosdn.127.net/static-union/1660803358ae9bea.jpg?imageView&thumbnail=750x0&quality=75',
        'https://yanxuan.nosdn.127.net/static-union/1652110566f672da.png?imageView&thumbnail=750x0&quality=75',
        'https://yanxuan.nosdn.127.net/static-union/1652670192e1c12a.jpg?imageView&thumbnail=750x0&quality=75'
      ],
    };
  },
    
}
</script>

<style lang="less" scoped>
.swiper {
    height: 297px;

    .img {
        width: 375px;
        height: 297px;
    }

}
</style>